<template>
    <vue-office-excel
        :src="props.file.url"
        style="height: 80vh;"
        @rendered="renderedHandler"
        @error="errorHandler"
    />
</template>

<script setup>
//引入VueOffice组件
import VueOfficeExcel from '@vue-office/excel'
//引入相关样式
import '@vue-office/excel/lib/index.css'

const props = defineProps(["file"])
// let message = null
// message = window.$message.loading("正在获取资源", {duration: 0});

function renderedHandler() {
    // message.destroy()
    // message = null
    window.$message.success("加载成功")
}
function errorHandler() {
    // message.destroy()
    // message = null
    window.$message.error("加载失败")
}
// onBeforeUnmount(()=>{
//     message.destroy()
//     message = null
// })
</script>

<style scoped lang="less">

</style>